<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>区域管理</title>
		<!--<link rel="stylesheet" type="text/css" href="css/xtsz2.css"/>-->
		<!--<link rel="stylesheet" type="text/css" href="css/jqgl.css"/>
		<link rel="stylesheet" type="text/css" href="css/jiqiguanli2.css"/>-->
		<link rel="stylesheet" type="text/css" href="css/xtsz6.css"/>
	</head>
	<body>
		<div class="main_content">
			<div class="con_left">
				<div class="l-box">
					<a href="xtsz.html">平台设置</a>
				</div>
				<div class="l-box">
					<a href="xtsz3.html">角色管理</a>
				</div>
				<div class="l-box" style="position: relative;">
					<a href="xtsz5.html">用户管理</a>
				</div>
				<div class="l-box in">
					<a href="xtsz6.html">区域管理</a>
				</div>
				<div class="l-box">
					<a href="xtsz7.html">操作日志</a>
				</div>
				<div class="l-box">
					<a href="xtsz8.html">部门管理</a>
				</div>
			</div>
			<div class="con_right fl">
				<div class="r_main">
					<table border="1" cellspacing="0" cellpadding="0">
						<colgroup>
							<col span="3" style="width: 100px;"/>
						</colgroup>
						<tr>
							<th><input onclick="_checkFormAll(this.checked)" type="checkbox"></th>
							<th>修改</th>
							<th>上升</th>
							<th>下降</th>
							<th>区域名称</th>
							<th>管理员人数</th>
						</tr>
						<tr>
							<td><input type="checkbox" name="" id="" value="" /></td>
							<td><a href="javascript:void(0)" class="xiugai"><img src="img/xiugai.png"/></a></td>
							<td><a href=""><img src="img/shangsheng.png"/></a></td>
							<td><a href="#"><img src="img/xiajiang.png"/></a></td>
							<td class="bumen"><a href="#"><img src="img/plus.png"/><img src="img/folder.gif"/>中国区域</a></td>
							<td>0</td>
						</tr>
						<tr>
							<td><input type="checkbox" name="" id="" value="" /></td>
							<td><a href="javascript:void(0)" class="xiugai"><img src="img/xiugai.png"/></a></td>
							<td><a href="#"><img src="img/shangsheng.png"/></a></td>
							<td><a href="#"><img src="img/xiajiang.png"/></a></td>
							<td class="bumen"><a href="#"><img src="img/plus.png"/><img src="img/folder.gif"/>国外</a></td>
							<td>1</td>
						</tr>
					</table>
					<div class="jintui">
						<button id="xinzeng">新增</button>
						<button>删除</button>
					</div>
						
				</div>
			</div>
			<div class="mask" style="    height: 1020px;">
			</div>
			<form action="" method="post" style="position: absolute;z-index: 200;">
				<div id="openWindowModal" class="modal in">   
				    <div class="modal-header">
				        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				        <h3>添加区域</h3>  
				    </div>
				    <div class="modal-body">
				    	<div class="s-one d-i-b d-i-b"><span>所属商户：</span>
							<div class="f-inp-s d-i-b sssh">
								<div>
									<select name='make'>
									    <option value='0' selected><无上级部门></option>
									    <option value='1' >系统管理员</option>
									    <option value='2' >销售部</option>
									    <option value='3' >财务部</option>
									</select>
								</div>
								<div class="s_img">
									<img src="img/select.png"/>
								</div>
							</div>
						</div>
						<div class="info-con">
							<p>区域名称：</p><textarea name="" rows="" cols=""></textarea>
						</div>
				    </div>
				    <div class="modal-footer">
				        <button id="openWindowBtn" class="btn btn-primary" type="submit">确 定</button>
				        <button class="btn" data-dismiss="modal" aria-hidden="true" type="button">取 消</button>
				    </div>
				</div>
			</form>
			<form action="" method="post" style="position: absolute;z-index: 200;">
				<div id="openWindowModal1" class="modal in">   
				    <div class="modal-header">
				        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				        <h3>修改区域</h3>  
				    </div>
				    <div class="modal-body">
				    	<div class="info-con">
							<p>区域名称：</p><input type="text" name="" id="" value="">
						</div>
				    </div>
				    <div class="modal-footer">
				        <button id="openWindowBtn1" class="btn btn-primary" type="submit">确 定</button>
				        <button class="btn" data-dismiss="modal" aria-hidden="true" type="button">取 消</button>
				    </div>
				</div>
			</form>
		</div>
		</div>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jqgl.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/distpicker.data.js"></script>
		<script src="js/distpicker.js"></script>
		<script src="js/main.js"></script>
		<script type="text/javascript">
			var bw=$('body').width();
			$('.mask').width(bw-247);
			$('.xiugai').on('click',function(){
				$(".mask").fadeIn();
				$("#openWindowModal1").fadeIn();
			})
			$($("#xinzeng").on('click',function(){
				$(".mask").fadeIn();
				$("#openWindowModal").fadeIn();
			}))
			$(".close").on('click',function(){
				$(".mask").fadeOut();
				$("#openWindowModal").fadeOut();
				$("#openWindowModal1").fadeOut();
			})
			$(".mask").on('click',function(){
				$(".mask").fadeOut();
				$("#openWindowModal").fadeOut();
				$("#openWindowModal1").fadeOut();
			})
			$(".btn").on('click',function(){
				$(".mask").fadeOut();
				$("#openWindowModal").fadeOut();
				$("#openWindowModal1").fadeOut();
			})
			function _checkFormAll(isChecked)
				{
					$(":checkbox").each(function() {
						$(this).prop("checked", isChecked);
					});
				}
		</script>
	</body>
</html>